<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>完结图书信息展示</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
    }

    .book {
      display: flex;
      align-items: center;
      margin-bottom: 30px;
    }
    
    .book img {
      width: 150px;
      height: 200px;
      object-fit: cover;
      margin-right: 20px;
    }
    
    .book-info {
      flex-grow: 1;
    }
    
    .book-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    .book-description {
      margin-bottom: 10px;
    }
    
    .book-rating {
      color: #888;
      margin-bottom: 5px;
    }
    .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px;
    }

    .navbar-logo {
      font-size: 24px;
      font-weight: bold;
    }

    .navbar-links a {
      margin-right: 10px;
      text-decoration: none;
    }
  
    @media screen and (max-width: 600px) {
      body {
        padding: 10px;
      }

      .book {
        flex-direction: column;
      }
      
      .book img {
        margin-right: 0;
        margin-bottom: 10px;
      }
    }
  </style>
</head>
<body>
  <nav class="navbar">
    <div class="navbar-logo">完结图书</div>
    <div class="navbar-links">
      <a href="index.html" target="_blank">首页</a>
      <a href="ing.html" target="_blank">连载图书</a>
    </div>
  </nav>
  <!-- 全职法师 -->
  <div class="book">
    <a href="https://www.777zw.cc/4/4438/">
      <img src="https://p.qpic.cn/vshpic/124096690/ahoc1kMerfUNfnEu7Tt_lhtWwWMq4cHlj2iLmTmngMBvqxYp_8/0/100" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.777zw.cc/4/4438/">
        <h2 class="book-title">全职法师</h2>
      </a>
      <p class="book-description">一觉醒来，世界大变。 熟悉的高中传授的是魔法，
        告诉大家要成为一名出色的魔法师。 居住的都市之外游荡着袭击人类的魔物妖兽，
        虎视眈眈。 崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
        一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹…… 
        不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！</p>
      <p class="book-rating">评分: 4.5 / 5</p>
      <p class="book-rating">评价: 前期稍微压抑，后期燃起来，多女主，坑没填完！</p>
    </div>
  </div>
  <!-- 我是猫大王 -->
  <div class="book">
    <a href="https://www.qidian.com/book/1015209014/">
      <img src="https://bookcover.yuewen.com/qdbimg/349573/1015209014/600.webp" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.qidian.com/book/1015209014/">
        <h2 class="book-title">我是猫大王</h2>
      </a>
      <p class="book-description">
        “叮！主线任务：将主人调教成猫奴。”
        西卡懒洋洋地听着脑海中第九十九次系统的提示音，理都不理。
        “我都变成猫了，还要我怎么样，难道学小猫咪一样，喵喵喵？萌不萌？打死我都……”
        正想着，突然觉得后颈皮一阵酥麻，它便被揪起来装进了航空箱——
        ——————
        变身大白猫，这是一本披着灵气复苏外衣的美食小说、温馨悠闲的生活日常流小说。</p>
      <p class="book-rating">作者: 转角吻猪      </p>
      <p class="book-rating">评价: 宠物，轻松，日常</p>
      <p class="book-status finished">已完结</p>
    </div>
  </div>
  <!-- 大乘期才有逆袭系统 -->
  <div class="book">
    <a href="https://www.qidian.com/book/1029391348/">
      <img src="https://bookcover.yuewen.com/qdbimg/349573/1031148907/600.webp" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.qidian.com/book/1029391348/">
        <h2 class="book-title">大乘期才有逆袭系统</h2>
      </a>
      <p class="book-description">
        江离穿越过来，发现没有金手指，只能老老实实的修炼，五百年后，他成为九州最强者，突然出现一个系统，说能帮宿主从练气期逆袭成为九州第一人。
        江离看着第一个任务，陷入沉思。
        “请宿主打败你的堂哥（练气六层）。”
        “你这系统延迟的挺严重啊。”
        【本书欢乐向】</p>
      <p class="book-rating">作者: 最白的乌鸦 </p>
      <p class="book-rating">评价: 无敌流，人皇，多世界，系统。反套路，值得一看！</p>
      <p class="book-status finished">已完结</p>
    </div>
  </div>
  <!-- 学霸的日本女友 -->
  <div class="book">
    <a href="https://www.qidian.com/book/1023188798/">
      <img src="https://bookcover.yuewen.com/qdbimg/349573/1023188798/600.webp" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.qidian.com/book/1023188798/">
        <h2 class="book-title">学霸的日本女友</h2>
      </a>
      <p class="book-description">
        来自日本的美少女留学生-浅羽梨香，在父亲的安排下寄宿到了我家里，我光荣的被任命为梨香的华夏生活导师。
        在相处中，我发现了她的超多秘密……
        出门一定会迷路、睡觉喜欢缩成一团、喝水必然是两只手捧着杯子、对娃娃机钟爱到疯狂、决心努力赚钱自己买房……
        这么笨的女孩子，我才不会喜欢！
        若干年后，梨香牵着我的手问我：
        “沈郁，你为什么喜欢科研？”
        “因为世界上所有的问题，都可以通过科学和实验找到答案。”
        “那喜欢呢？”
        “这个例外。”</p>
      <p class="book-rating">作者: 转角吻猪      </p>
      <p class="book-rating">评价: 同居、狗粮、轻松、日常</p>
      <p class="book-status finished">已完结</p>

    </div>
  </div>
  <!-- 添加更多图书块 -->
</body>
</html>
